<template>
    <h2>当前求和：{{ sum }}</h2>
    <button @click="sum++">点我+1</button>
    <hr>

    <h2>当前点击时鼠标的坐标为：x:{{ point.x }}y:{{ point.y }}</h2>
</template>
  
<script>
import { ref } from 'vue'
import usePoint from '../hooks/usePoint'
export default {
    name: 'App',
    setup() {
        let sum = ref(0)
        let point =  usePoint()
        // 返回一个对象
        return {
            sum,
            point
        }
    },
}
</script>  